<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入重置样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入当前页面样式 -->
    <link rel="stylesheet" href="../css/log.css">
    <!-- 引入jq -->
    <script src="../lib/jquery.js"></script>
    <!-- 引入当前页面js文件 -->
    <script src="../js/log.js"></script>

</head>

<body>
    <!-- 头部 -->
    <div class="head clearfix">
        <!-- head-top -->
        <div class="container-fluid bgc0">
            <div class="head-top container clearfix">
                <a href="./index.html" class="fl cfff">legochina.cn</a>
                <p class="fr cfff">欢迎光临<a href="./index.html" class="cf60">乐购</a> ，请 <a href="./log.html" class="cf60">登陆</a> \<a href="./register.html"
                        class="cf60">注册</a> </p>
                <h1 class="logo"><img src="../imags/log_02.png" alt=""></h1>
            </div>
        </div>
        <div class="container welcome">欢迎登陆</div>
    </div>
    <!-- 登录框 -->
    <div class="logm container-fluid mb40">
        <div class="logOn container">
            <img src="../imags/log_05.png" alt="">
            <div class="logBox">
                <div class="option clearfix pt20" id="option">
                    <div class="fl fz22  QR active">扫码登录</div>
                    <div class="fl fz22">账户登录</div>
                </div>
                <ul class="optionCon" id="optionCon">
                    <li class="QRcon on">
                        <img src="../imags/log03.jpg" alt="">
                        <div class="tecenter">打开手机版<span class="ml10 mr10">乐购APP</span>扫一扫</div>
                    </li>
                    <li class="account pt30">
                        <div class="userName pl30 mb20">
                            <input type="text" placeholder="请输入用户名">
                            <img class="delete" src="../imags/delete.png" alt="">
                            <p class="userNameMsg cf60"></p>
                        </div>
                        <div class="password pl30 mb20">
                            <input type="password" placeholder="密码">
                            <img class="eye" src="../imags/close.png" alt="">
                           <p class="psdMsg cf60"></p>
                        </div>

                        <p class="forget clearfix pl30 mb20">
                            <input type="checkbox">自动登录
                            <a href="#" class="fr">忘记密码</a>
                        </p>
                        <button class="cfff bgcf60 ml30 mb30 logButton">登录</button>
                        <p class="register tecenter"><img src="../imags/log2_09.jpg" alt="">
                            <a class="cf60 fz18" href="./register.html">立即注册</a>
                        </p>
                    </li>
                </ul>


            </div>

        </div>

    </div>
     <!-- 页脚 -->
     <div class="foot container-fluid ">
        <div class="footNav clearfix mb30">
            <ul class="clearfix mauto">
                <li class="fl plr20 bdr1"><a href="#">公司简介</a></li>
                <li class="fl plr20 bdr1"><a href="#"> Investor Relations</a></li>
                <li class="fl plr20 bdr1"><a href="#">网站联盟</a></li>
                <li class="fl plr20 bdr1"><a href="#">乐购招商</a> </li>
                <li class="fl plr20 bdr1"><a href="#">机构销售</a></li>
                <li class="fl plr20 bdr1"><a href="#">手机乐购</a> </li>
                <li class="fl plr20 bdr1"><a href="#">官方Blog</a></li>
                <li class="fl plr20"><a href="#">热词搜索</a></li>
            </ul>

        </div>
        <p>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
    </div>

</body>

</html>